<div class="page-content"> 

  <section class="user-header bw" > 
     <div class="user-header-in"> 
      <div class="user-ico fl"> 
       <img :src="user_info.community.logo" /> 
      </div> 
      <div class="user-info"> 
       <p class="fs-16">{{user_info.community ? user_info.community.name :''}} 
       </p> 
       <p class="overHidden">{{user_info.nickname}}  
        <template v-if="user_info.tenement_type.company || user_info.tenement_type.employee">
         (物业)
        </template> 
        <template v-else-if="user_info.tenement_type.house">
         (业主)
        </template> 
        <template v-else="user_info.tenement_type.house">
         (未认证)
        </template> </p> 
      </div> 
      <!-- <div class="arrow-right fr" ></div>  -->
      <div class="clearfix"></div> 
     </div> 
    </section> 

<!--功能模块  -->
<section class="ul mgt10">
 
  <router-link :to="{ name: 'user/topic', params: { pid: 99 , user_id: 0,community_id:community_id}}"  class="li">
   <div><img src='/pages/community/images/001.png' /></div> 
   <div><span>小区公告</span></div> 
  </router-link>

   <router-link  :to="{ name: 'user/index'}"   class="li">
   <div><img src='/pages/community/images/ico90.png' /></div> 
   <div><span>个人中心</span></div> 
  </router-link>



  <router-link :to="{ name: 'bills', params: {community_id:community_id, out_room_id:out_room_id}}"   class="li">
   <div><img src='/pages/community/images/004.png' /></div> 
   <div><span>物业缴费</span></div> 
  </router-link>



 <a  class="li" href="https://payapp.weixin.qq.com/life/index?showwxpaytitle=1#wechat_redirect">
   <div><img src='/pages/community/images/003.png' /></div> 
   <div><span>生活缴费</span></div> 
  </a>


 <a  class="li" :href="'tel://' + user_info.community.hotline ">
   <div><img src='/pages/community/images/ico12.png' /></div> 
   <div><span>客服电话</span></div> 
  </a>


 

  <router-link :to="{ name: 'user/topic', params: { pid: 91 , user_id: user_info.user_id,community_id:community_id}}"  class="li">
   <div><img src='/pages/community/images/ico2.png'/></div> 
   <div><span>提交工单</span></div> 
  </router-link>

  <router-link  :to="{ name: 'user/topic', params: { pid: 93 , user_id: 0,community_id:community_id}}"  class="li">
   <div><img  src='/pages/community/images/ico4.png' /></div> 
   <div><span>新民社区</span></div> 
  </router-link>

 
  <router-link  :to="{ name: 'vote/index', params: { community_id: community_id}}" class="li">
   <div><img src='/pages/community/images/ico8.png' /></div> 
   <div><span>投票表决</span></div> 
  </router-link>
  
<!--   
  <a :href="shopUrl"  class="li">
   <div><img src='/pages/community/images/002.png' /></div> 
   <div><span>小区商家</span></div> 
  </a> -->

  <a  class="li" @click="changeShopId" v-if="user_info.community_count>1">
   <div><img src='/pages/community/images/005.png' /></div> 
   <div><span>切换小区</span></div> 
  </a>

  <!--   <a  class="li" >
   <div><img src='/pages/community/images/006.png' /></div> 
   <div><span>全部</span></div> 
  </a> -->


  <div class='clear'></div>
</section>
<!--通知列表  -->
<div class="light pd10 ">社区推荐</div>
 

 <section class="noti">
 <div  class='pd10' v-if="showNoData">暂无待推荐</div>
 <div v-else class="list-content">
     
       <router-link  :to="{ name: 'topic', params: { id: item.id}}" v-for="item,idx in listData"   class="mymedia">
          <div class="tag-div">
            <div class="text-over-hidden" style='padding-right:70px'>{{item.title}}</div>
            <div class="clear"></div>
          </div>
          <div class="light time" >
              <div class="pull-left" > {{item.addtime}} 
                <span class='pd5-h'>•</span> {{item.thumb_up_ed}}
              </div>    
          </div>
          <div class="right-image" v-if="item.pics.length || item.pics2.length">
            <img  :src="item.pics.length>0?item.pics[0]+'?imageMogr2/thumbnail/500x':item.pics2[0]+'?imageMogr2/thumbnail/500x'"/>
          </div>
          <div class="clear"></div>
        </router-link>
      
           
</div>



</section>
 
</div>